<template>
     <div class="home">
        <van-icon name="arrow-left" class="pop"/>
         <div class="index">
             <img src="https://wap.lexuemiao.com/img/logo@2x.a4702f31.png" alt="">
         </div>
      <!-- <ul class="login_box">
        <li>
          <input type="text" v-model="mobile">
          <button @click='getMobileCode'>获取验证码</button>
        </li>

         <li>
          <input type="text" v-model="sms_code">
        </li>
         <li>
          <input type="text" v-model="img_code">
          <img @click='getImgCode' :src="resultImgUrl" alt="图片验证码">
        </li>

        <li><button @click="goLogin">登录</button></li>
      </ul> -->


  </div>
</template>

<script>
import {ref,reactive,toRefs, onMounted} from 'vue'
import { getMobileSmscodeAPI,getImgCodeAPI,goLoginAPI } from '@/http/api'
export default {
     setup() {
    //真实图片验证码
    const resultImgUrl=ref('')
    const loginInfo=reactive({
      //手机号
      mobile:'1111',
      //短信骓码
      sms_code:'',
      //用户输入的验证码
      img_code:''
    })},
    data() {
        return {};
    },
    mounted() {},
    methods: {},
    components:{}
};
</script>

<style lang="less">
.home{
    width: 100vw;
    height: 100vh;
}
.index{
    position: absolute;top: 6rem;
    width: 100vw;
    background-color: palegreen;
    height: 15vh;
    img{
        margin: auto;
        width: 50vw;
        height: 15vh;
    }
}
.pop{
position: absolute;
left: 0;
}
</style>

